<template>
	<view class="container">
		<view>
			<view class="title">
				{{details.title}}
			</view>
			<view class="introduce">
				<text style="margin-right: 20upx;">{{"来源："+details.createBy}}</text>
				<text>{{details.publishTime}}</text>
			</view>
			<view class="img_box" v-if="details.coverImageUrl">
				<image mode="widthFix" :src="details.coverImageUrl" class="img_box"></image>
			</view>
			<rich-text :nodes="details.htmlNodes" style="font-size: 28upx;"></rich-text>
		</view>
<!-- 		<view v-if='flag == 1'>
			<view class="title">
				{{details1.title}}
			</view>
			<view class="introduce">
				<text style="margin-right: 16upx;">{{details1.createBy}}</text>
				<text>{{details1.publishTime}}</text>
			</view>
			<view class="img_box" v-if="details1.coverImageUrl">
				<image mode="widthFix" :src="details1.coverImageUrl" class="img_box"></image>
			</view>
			<rich-text :nodes="details1.htmlNodes" style="font-size: 30upx;"></rich-text>
		</view>
		<view v-if='flag == 2'>
			<view class="title">
				{{details2.title}}
			</view>
			<view class="introduce">
				<text style="margin-right: 16upx;">{{details2.createBy}}</text>
				<text>{{details2.publishTime}}</text>
			</view>
			<view class="img_box" v-if="details2.coverImageUrl">
				<image mode="widthFix" :src="details2.coverImageUrl" class="img_box"></image>
			</view>
			<rich-text :nodes="details2.htmlNodes" style="font-size: 30upx;"></rich-text>
		</view>
		<view v-if='flag == 3'>
			<view class="title">
				{{details3.title}}
			</view>
			<view class="introduce">
				<text style="margin-right: 16upx;">{{details3.createBy}}</text>
				<text>{{details3.publishTime}}</text>
			</view>
			<view class="img_box" v-if="details3.coverImageUrl">
				<image mode="widthFix" :src="details3.coverImageUrl" class="img_box"></image>
			</view>
			<rich-text :nodes="details3.htmlNodes" style="font-size: 30upx;"></rich-text>
			<view class="otherText">以下是优秀妇女名单</view>
			<view class="otherText" style="color: #FF814A;">最美执委</view>
			<view class="otherText">曹海维 黄英华 刘方可 曹武武 黄诗琪</view>
			<view class="otherText" style="color: #FF814A;">优秀妇女</view>
			<view class="otherText">蒲幼儿 周明静 孔一喻 何双琴 范双球
				张浩红 黄南儿 李小菊 戴礼艳 祝培燕
				俞丹燕 钟岱红 戴红燕 孙国清 陈幼而
				邱珍球 王松芬 吴丹梅 陶晚晴 王婉贞</view>
		</view>
		<view v-if='flag == 4'>
			<view class="title">
				{{details4.title}}
			</view>
			<view class="introduce">
				<text style="margin-right: 16upx;">{{details4.createBy}}</text>
				<text>{{details4.publishTime}}</text>
			</view>
			<view class="img_box" v-if="details4.coverImageUrl">
				<image mode="widthFix" :src="details4.coverImageUrl" class="img_box"></image>
			</view>
			<rich-text :nodes="details4.htmlNodes" style="font-size: 30upx;"></rich-text>
		</view>
		<view v-if='flag == 5'>
			<view class="title">
				{{details5.title}}
			</view>
			<view class="introduce">
				<text style="margin-right: 16upx;">{{details5.createBy}}</text>
				<text>{{details5.publishTime}}</text>
			</view>
			<view class="img_box" v-if="details5.coverImageUrl">
				<image mode="widthFix" :src="details5.coverImageUrl" class="img_box"></image>
			</view>
			<rich-text :nodes="details5.htmlNodes" style="font-size: 30upx;"></rich-text>
		</view> -->
	</view>
</template>

<script>
	import htmlParser from '@/config/html-parser'
	export default {
		data() {
			return {
				// flag: 0,
				dataUuid: '',
				details:{
					title:'',
					createBy:'',
					publishTime:'',
					coverImageUrl:'',
					htmlNodes:''
				},
				// details: {
				// 	title: '女职工必知！女职工享有平等就业权及三期内的“特殊权利”',
				// 	createBy: '平安乡村',
				// 	publishTime: '2021-8-17 14:22',
				// 	coverImageUrl: 'https://cdjjyl.com.cn/images/isp/detailsImg2.jpg',
				// 	htmlNodes: '根据《就业促进法》第三条的规定，劳动者依法享有平等就业和自主择业的权利。劳动者就业，不因民族、种族、性别、宗教信仰等不同而受歧视。在职场上，女职工与男职工同属于法律地位平等的劳动者，用人单位或用工单位不得依性别而对女职工存有歧视。张某在应聘某公司职位的时候，投递了简历，对方以张某为女性、不符合录用条件为由判定其不符合招聘条件，后张某向人民法院提起诉讼，法庭审理后，认为张某投递的岗位不属于女职工禁忌劳动的范围，该公司并未对张某的工作履历进行审查，仅以张某是女性为由拒绝，属于违反法律规定，属于性别歧视，侵犯了张某的平等就业权。<br>'+
				// 	'在日常工作中，女职工的吃苦耐劳精神并不比男职工差，多数岗位也不因性别而存在工作能力不足的情况，用人单位或用工单位应合理考虑岗位的工作内容，避免以有色眼镜衡量员工。同时，若岗位涉及女职工禁忌从事的劳动范围的，根据《女职工劳动保护特别规定》第四条的规定，用人单位应当遵守女职工禁忌从事的劳动范围的规定。用人单位应当将本单位属于女职工禁忌从事的劳动范围的岗位书面告知女职工。例如《劳动法》中规定，禁止安排女职工从事矿山井下、国家规定的第四级体力劳动强度的劳动和其他禁忌从事的劳动。不得安排女职工在经期从事高处、低温、冷水作业和国家规定的第三级体力劳动强度的劳动。'
				// },
				// details1: {
				// 	title: '受助职工8074人次，受助金额2215.2万元！北京工会在职职工综合互助保障为职工“遮风挡雨”',
				// 	createBy: '平安乡村',
				// 	publishTime: '2021-8-17 13:22',
				// 	coverImageUrl: 'https://cdjjyl.com.cn/images/isp/detailsImg1.jpg',
				// 	htmlNodes: '日前，劳动午报记者从中国职工保险互助会北京办事处（以下简称“北京办事处”）了解到，今年（2020年）1-11月，《在职职工综合互助保障活动》（A、B类）累计受助职工达8074人次，受助金额达2215.2万元。<br>平谷区某职工从2017年起参加女工特疾、重大疾病、意外伤害等互助保障活动，2020年转投了综合互助保障活动（B1）。2020年6月，该名职工不幸确诊为原发性子宫颈鳞癌IB2期，突如其来的疾病，给职工个人和家庭带来非常大的经济压力。<br>北京办事处接到平谷区的理赔申报后，根据综合互助保障活动条款的理赔标准快速审核，给予这位职工互助金51360元，其中包括女工特疾互助金30000元、重大疾病互助金20000元、住院津贴互助金1360元。“感谢工会组织的雪中送炭，在关键时刻帮助我渡过难关。”这位职工表示。'
				// },
				// details2: {
				// 	title: '创业难？贷款难？工会为您提供最高50万元全额贴息贷款！',
				// 	createBy: '平安乡村',
				// 	publishTime: '2021-8-17 12:22',
				// 	coverImageUrl: 'https://cdjjyl.com.cn/images/isp/detailsImg.png',
				// 	htmlNodes: '推进大众创业、万众创新，是富民之道、强国之策。但对于创业者来说，或多或少会遇到这样的烦恼：初次创业，启动资金不足，扩大规模，运转资金缺乏。对此，2017年，北京市总工会出资900万元作为项目担保资金，与北京农商银行、北京首创担保公司合作推出“暖·创贷”项目,为符合条件的工会会员提供全额担保、全额贴息的小额贷款服务。<br>经过三年推广， 截至2020年12月1日，项目放款总金额已达到3011万元，缓解了123家小微企业在经营困境中的难题。项目开展以来共收到343份贷款申请， 其中续贷为43份，累计放款企业为123家，其中包括29家续贷企业。已完成贴息企业64家，贴息金额近65万元。2020 年年初新冠疫情突如其来，部分企业出现生产经营困难，项目推出了“ 四项服务保障措施”，帮助企业、职工共渡难关。 '
				// },
				// details3: {
				// 	title: '2021年5月优秀妇女名单公示',
				// 	createBy: '平安乡村',
				// 	publishTime: '2021-8-17 18:22',
				// 	coverImageUrl: '',
				// 	htmlNodes: '根据《关于评选2021年5月妇联系统各类先进的通知》文件精神及要求，有关单位积极开展推荐评选活动，多角度、全方位挖掘各类先进典型。经研究，拟评选曹海维等5名同志为“最美执委”、柴科祎等5名同志为“最具影响力乡村工作人员”、蒲幼儿等20名同志为“优秀妇女”。<br>公示期间，单位和个人均可以通过来访、电话、电子邮件等方式向县妇联办公室反映公示对象的有关情况。对所反映的情况应提供可供调查的相关证据和线索。我们对反映情况者以及所反映的情况将严格保密。'
				// },
				// details4: {
				// 	title: '强化基层武装工作 锤炼过硬干部队伍',
				// 	createBy: '平安乡村',
				// 	publishTime: '2021-8-17 14:22',
				// 	coverImageUrl: 'https://cdjjyl.com.cn/images/isp/military1M.jpg',
				// 	htmlNodes: '5月15日，琼中县在人武部一楼会议室召开全县2020年度国防动员潜力统计调查任务部署会。县人武部部长张平仲、县政府副县长、县国防动员潜力统计调查工作军地联合领导小组组长余岳珠、县人武部副部长冯智文以及国防动员潜力统计调查工作军地联合领导小组办公室50余人参加会议。会议总结讲评了琼中2019年国防动员潜力统计调查工作，部署2020年度国防动员潜力统计调查任务。要求各成员单位要提高思想认识，增强国防动员潜力统计调查工作的责任感；要严密组织实施，积极推进国防动员潜力统计调查工作进程，掌握职责标准，突出调查重点，创新新方法途径；要加强组织领导，确保国防动员潜力统计调查工作落到实处，凝聚军地合力，严格保密规定，完善制度机制。'
				// },
				// details5: {
				// 	title: '解放军和武警部队官兵、民兵持续支援河南受灾地区恢复重建',
				// 	createBy: '平安乡村',
				// 	publishTime: '2021-8-17 13:22',
				// 	coverImageUrl: 'https://cdjjyl.com.cn/images/isp/military2M.jpg',
				// 	htmlNodes: '中国国防报郑州7月25日电 截至25日17时，解放军和武警部队出动官兵8600余人、民兵预备役11000多人，车辆装备1300多台、搜救艇217艘，在郑州、许昌、新乡等地继续执行抢险救援和恢复生产生活任务。长葛市双洎河徐王赵村段、古桥村段发生险情后，多支任务部队奋力抢险。25日下午，这两处大堤均已合龙，目前官兵正在加固大堤。第83集团军某工化旅出动597名官兵，兵分3路在巩义市米河镇、新乡市牧野区、鹤壁市新镇镇执行转移群众和灾后重建任务。武警第一机动总队某支队出动1300多人，分别在巩义市米河镇、登封市唐庄村纸坊水库、郑州市区执行清淤消杀、加固堤坝等任务，清理街面垃圾百余吨，帮助多个村子清理内涝积水。'
				// }
			}
		},
		onLoad(options) {
			if (options) {
				this.dataUuid = options.dataUuid
				console.log(this.dataUuid)
				// this.flag = options.flag
				this.getArticalDetails(this.dataUuid)
			}
		},
		methods: {
			getArticalDetails(dataUuid){
				let params = {
				 "pressReleaseUuid":dataUuid
				}
				this.$api.request.getArticalDetails(params, (res) => {
					console.log(res.body.data)
					if (res.body.status.statusCode == "0") {
						this.details = res.body.data.pressReleaseEntity
					}
					// var content = this.details.content;
					// content = content.replace(/<!DOCTYPE html>/g, "").replace(/<html>/g, "").replace(
					// 	/<\/html>/g, "").replace(/<head>/g, "").replace(/<\/head>/g, "").replace(/<body>/g,
					// 	"").replace(/<\/body>/g, "")
					// var article = content.replace(/(\<img|\<p)/gi, function($0, $1) {
					// 	return {
					// 		"<img": '<img style="width:100%;height:auto;display:block;" ',
					// 		"<p": '<p style="text-indent: 0;" ',
					// 		"<article": "<div",
					// 		"</article": "</div",
					// 		"<header": "<div",
					// 		"</header": "</div"
					// 	} [$1];
					// });
					// console.log(article)
					this.details.htmlNodes = this.$api.htmlParser.parseHtml(this.details.content);
				})
			},
		}
	}
</script>

<style>
	page{
		background-color: #FBFBFB;
	}
	
	.container {
		width: 100%;
		background-color: #FBFBFB;
		overflow: hidden;
		padding: 32upx;
	}

	.title {
		font-size: 36upx;
		margin-bottom: 16upx;
		font-weight: 600;
	}

	.introduce {
		display: flex;
		font-size: 26upx;
		color: #909399;
		margin-bottom: 12upx;
	}

	.img_box {
		width: 100%;
		text-align: center;
		border-radius: 10upx;
	}

	.otherText {
		text-align: center;
		width: 100%;
		line-height: 60upx;
	}
</style>
